Тег <q> используется для выделения в тексте цитат. Содержимое контейнера автоматически отображается в браузере в кавычках.
Пример использования:К сожалению, актуальна и по сей день фраза: Он ее одел, а она его обула.
http://nubex.ru
Изменить кавычки для обрамления цитаты можно при помощи свойства quotes.
В приведенном примере в качестве обрамления цитаты используются традиционные типографские кавычки.
  <style>
     q {
    font-family: Serif;
    color: red;
    font-style: italic, bold;
    quotes: "\00AB" "\00BB"; 
   }
 
  </style>
  
 
  В тегах <cite> </cite> можно дополнительно указать источник цитаты, ссылку или сноску на другой документ.
например:
    <cite> http://nubex.ru </cite>    отображается как :  http://nubex.ru